{% extends "./_base/layout.html" %} 

{% block css %}
<link rel="stylesheet" href="{{site.static}}/lib/swiper/swiper.min.css">
<link rel="stylesheet" href="{{site.static}}/css/index.css"> 
{% endblock %} 

{% block js %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
<script src="{{site.static}}/js/index.js"></script>
{% endblock %} 

{% block content %}
    {% block mask%} {% include "./common/index/index_mask.html" %} {% endblock %}
    {% block header%} {% include "./common/index/index_header.html" %} {% endblock %}

    <div class="eui-main-container index-main-container">
        {% block swiper%} {% include "./common/index/index_swiper.html" %} {% endblock %}
        {% block tabbar%} {% include "./common/index/index_tab_bar.html" %} {% endblock %}
        {% block reservationCardView%} {% include "./common/index/index_card_view_reservation.html" %} {% endblock %}
        
        <div class="hot-list eui--display-flex index-content">
            <div class="hot-list-left">
                <img class="game-icon" src="{{site.cdn}}/test-game-icon.png" alt="">
                <p class="game-name">诛仙新马版</p>
                <p class="game-intro">诛仙新马版</p>
                <p class="game-type-volume">
                    <span class="game-type">MMOORPG</span> |
                    <span class="game-volume">111M</span>
                </p>
                <a href="javascript:;" class="eui-btn eui-btn-outlined eui-btn-150 eui-btn-warning-outlined">{{__("btn_download")}}</a>
            </div>
            <div class="hot-list-center">
                <img class="game-icon" src="{{site.cdn}}/test-game-icon.png" alt="">
                <p class="game-name">诛仙新马版</p>
                <p class="game-intro">诛仙新马版</p>
                <p class="game-type-volume">
                    <span class="game-type">MMOORPG</span> |
                    <span class="game-volume">111M</span>
                </p>
                <a href="javascript:;" class="eui-btn eui-btn-outlined eui-btn-150 eui-btn-warning-outlined">{{__("btn_download")}}</a>
            </div>
            <div class="hot-list-right">
                <img class="game-icon" src="{{site.cdn}}/test-game-icon.png" alt="">
                <p class="game-name">诛仙新马版</p>
                <p class="game-intro">诛仙新马版</p>
                <p class="game-type-volume">
                    <span class="game-type">MMOORPG</span> |
                    <span class="game-volume">111M</span>
                </p>
                <a href="javascript:;" class="eui-btn eui-btn-outlined eui-btn-150 eui-btn-warning-outlined">{{__("btn_download")}}</a>
            </div>
        </div>    
        {% block newsCardView%} {% include "./common/index/index_card_view_news.html" %} {% endblock %}
    </div>
    {% block siderbar%} {% include "./common/index/index_siderbar_personal.html" %} {% endblock %}    

    {% block footer%}
    {% set footerActiveIndex = 0 %}
    {% include "./_base/footer.html" %} 
    {% endblock %}

{% endblock %}
